<div data-role="content">
    <p class="event-process-location">
        <span class="event-supplier-loc">Event Details </span>|
        <span class="event-supplier-loc"> Event Supplier </span>|
        <span class="event-supplier-loc"> Event Checklist </span>|
        <span class="event-supplier-loc current"> Event Task(s) </span>|
    </p>
    <div class="btn-wrapper-left">
        <a href="#new-event-task-popup" data-role="button" data-rel="popup" data-icon="plus" data-iconpos="left" data-transition="slideup" data-inline="true">New Task</a>
        <a href="#" data-role="button" data-icon="delete" data-inline="true" data-transition="slideup" id="btn-delete-task" class="hide-element">Delete</a>
    </div>
    <ul data-role="listview" data-filter="true" data-filter-placeholder="Filter tasks" data-split-icon="edit" id="task-list">
        <li data-role="list-divider" data-theme="c">
            <input type="checkbox" class="select-all" id="select-all" />
            <label for="select-all">Select All</label>
        </li>
    </ul>
    <div data-role="popup" id="new-event-task-popup" data-position-to="window" data-dismissible="false" data-overlay-theme="c" class="popup-form">
        <div data-role="header">
            <p class="p-reformat">New Task</p>
        </div>
        <div data-role="content">
            <form id="new-event-task-form">
                <input type="hidden" name="action" value="insert" />
                <label for="n-task-desc">Task Description</label>
                <textarea name="task-desc" id="n-task-desc"></textarea>
                <fieldset data-role="fieldcontain">
                    <label for="n-task-date">Date</label>
                    <input type="date" id="n-task-date" name="task-date" />
                </fieldset>
                <fieldset data-role="fieldcontain">
                    <label for="n-task-time">Time</label>
                    <input type="time" name="task-time" id="n-task-time" />
                </fieldset>
                <div class="btn-wrapper-right">
                    <a href="#" data-role="button" data-inline="true" class="btn-add">Add</a>
                    <a href="#" data-role="button" data-rel="back" data-inline="true">Cancel</a>
                </div>
            </form>
        </div>
    </div>
    <div class="btn-finish-container">
        <a href="#info-msg" data-role="button" data-rel="popup" data-transition="slideup" data-inline="true" class="btn-finish">Finish</a> 
    </div>
    <div data-role="popup" id="info-msg" data-overlay-theme="c" data-dismissible="false" data-position-to="window" class="popup-form">
        <div data-role="header">
            <p class="p-reformat">Confirmation Message</p>
        </div>
        <div data-role="content">
            <p>You cannot go back to this page after you click <b>"Next"</b> but you can edit it after you finish creating the event.</p>
            <div class="btn-wrapper-right">
                <a href="<?php echo site_url();?>event/event-task" data-role="button" data-transition="slide"data-inline="true" class="next ui-btn-active">Yes</a> 
                <a href="#" data-rel="back" data-role="button" data-inline="true">No</a> 
            </div>
        </div>
    </div>
    <div data-role="popup" data-overlay-theme="c" data-position-to="window" data-dismissible="false" id="edit-event-task-popup" class="popup-form">
        <div data-role="header">
            <p class="p-reformat">Edit Task</p>
        </div>
        <div data-role="content">
            <form action="<?php echo site_url()?>event/task/save" method="post" id="edit-task-form">
                <input type="hidden" name="action" value="update" />
                <input type="hidden" name="task-id" value="" />
                <label for="task-desc">Task Description</label>
                <textarea name="task-desc" id="task-desc"></textarea>
                <fieldset data-role="fieldcontain">
                    <label for="task-date">Date</label>
                    <input type="date" id="task-date" name="task-date" />
                </fieldset>
                <fieldset data-role="fieldcontain">
                    <label for="task-time">Time</label>
                    <input type="time" name="task-time" id="task-time" />
                </fieldset>
                <div class="btn-wrapper-right">
                    <input type="submit" value="Save" data-inline="true" />
                    <a href="#" data-role="button" data-rel="back" data-inline="true">Cancel</a>
                </div>
            </form>
        </div>
    </div>
</div>